<template>
  <el-menu
    :default-active="'/index'"
    router
    mode="horizontal"
    background-color="white"
    text-color="#222"
    active-text-color="#9495c5"
    style="min-width: 1200px;">
    <el-menu-item v-for="(item,i) in navList" :key="i" :index="item.name">
      {{ item.navItem }}
    </el-menu-item>
    <span style="position: absolute;padding-top: 15px;right: 10%;font-size: 25px;font-weight: bold;color: #9495c5">学 生 端</span>
  </el-menu>
</template>

<script>
export default {
  name: 'StudentMenu',
  data () {
    return {
      navList: [
        {name: '/student/booking', navItem: '咨询预约'},
        {name: '/student/process', navItem: '预约进度'},
        {name: '/student/user', navItem: '个人中心'}
      ]
    }
  }
}
</script>

<style scoped>
a {
  text-decoration: none;
}

span {
  pointer-events: none;
}
</style>
